@import "../../../assets/styles/flex.less";
@import "~antd/lib/style/themes/default.less";

.navbar {
  background-color: #00BCD4;
  height: 60px;
  .flexH;
}

.left-navbar{
  width: 90px;
  .flexH;
  .flex-zBetween;
  background-color: #00A5BB;

  &.open{
    width: 200px;
  }

  .log{
    line-height: 60px;
    font-size: 20px;
    padding: 0 10px;
    text-align: center;
    color: #e3f2fd;
  }

  .toggle_sidemenu{
    cursor: pointer;
    font-size: 15px;
    line-height: 58px;
    max-height: 60px;
    width: 90px;
    text-align: center;
    -webkit-touch-callout: none;
    user-select: none;
    color: #e3f2fd;
  }
}

.right-navbar{
  .flex-1;

}
